<!DOCTYPE html>
<html lang="en" class="app">

<head>
  <meta charset="utf-8" />
  <title>Notebook | Web Application</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
  />

  <link rel="stylesheet" href="css/bootstrap.css" type="text/css"
  />
  <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"
  />
  <link rel="stylesheet" href="plugins/parsleyjs/parsley.css" type="text/css"
  />
  <link rel="stylesheet" href="less/app.css" type="text/css" />
  <!--[if lt IE 9]>
    <script src="plugins/ie/html5shiv.js"></script>
    <script src="plugins/ie/respond.min.js"></script>
    <script src="plugins/ie/excanvas.js"></script>
  <![endif]-->
  <style>
    .parsley-errors-list {
      margin-top: 5px;
    }
  </style>
</head>

<body>
  <section class="vbox">
    <!-- header -->
    <header class="bg-dark dk header navbar navbar-fixed-top-xs">
      <div class="navbar-header aside-md">
        <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open"
          data-target="#nav,html">
          <i class="fa fa-bars"></i>
        </a>
        <a href="#" class="navbar-brand" data-toggle="fullscreen">
          <img src="images/logo.png" class="m-r-sm">Notebook</a>
        <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".nav-user">
          <i class="fa fa-cog"></i>
        </a>
      </div>
      <ul class="nav navbar-nav navbar-right m-n hidden-xs nav-user">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <span class="thumb-sm avatar pull-left">
              <img src="images/avatar.jpg">
            </span>
            John.Smith
            <b class="caret"></b>
          </a>
          <ul class="dropdown-menu animated fadeInRight">
            <span class="arrow top"></span>
            <li>
              <a href="#">Settings</a>
            </li>
            <li>
              <a href="profile.html">Profile</a>
            </li>
            <li>
              <a href="#">
                <span class="badge bg-danger pull-right">3</span>
                Notifications
              </a>
            </li>
            <li>
              <a href="docs.html">Help</a>
            </li>
            <li class="divider"></li>
            <li>
              <a href="modal.lockme.html" data-toggle="ajaxModal">Logout</a>
            </li>
          </ul>
        </li>
      </ul>
    </header>

    <!-- section -->
    <section>
      <section class="hbox stretch">
        <!-- left -->
        <aside class="bg-dark lter aside-md hidden-print" id="nav">
          <section class="vbox">
            <section class="w-f scrollable">
              <div class="slim-scroll" data-height="auto" data-disable-fade-out="true"
                data-distance="0" data-size="5px" data-color="#333333">
                <nav class="nav-primary hidden-xs">
                  <ul class="nav">
                    <li name="salers">
                      <a href="javascript:;">
                        <i class="fa fa-columns icon">
                          <b class="bg-warning"></b>
                        </i>
                        <span class="pull-right">
                          <i class="fa fa-angle-down text"></i>
                          <i class="fa fa-angle-up text-active"></i>
                        </span>
                        <span>商家</span>
                      </a>
                      <ul class="nav lt">
                        <li>
                          <a href="salers.html">
                            <i class="fa fa-angle-right"></i>
                            <span>商家管理</span>
                          </a>
                        </li>
                        <li>
                          <a href="redBagManage.html">
                            <i class="fa fa-angle-right"></i>
                            <span>红包管理</span>
                          </a>
                        </li>
                        <li>
                          <a href="djq.html">
                            <i class="fa fa-angle-right"></i>
                            <span>代金券管理</span>
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li name="order">
                      <a href="order.html">
                        <i class="fa fa-pencil icon">
                          <b class="bg-info"></b>
                        </i>
                        <span>订单管理</span>
                      </a>
                    </li>
                    <li name="identify">
                      <a href="identify.html">
                        <i class="fa fa-pencil icon">
                          <b class="bg-danger"></b>
                        </i>
                        <span>认证信息</span>
                      </a>
                    </li>
                    <li name="balance">
                      <a href="balance.html">
                        <i class="fa fa-pencil icon">
                          <b class="bg-primary"></b>
                        </i>
                        <span>余额管理</span>
                      </a>
                    </li>
                  </ul>
                </nav>
              </div>
            </section>

            <!-- 缩小到侧边栏 -->
            <footer class="footer lt hidden-xs b-t b-dark">
              <a href="#nav" data-toggle="class:nav-xs" class="pull-right btn btn-sm btn-dark btn-icon">
                <i class="fa fa-angle-left text"></i>
                <i class="fa fa-angle-right text-active"></i>
              </a>
            </footer>
          </section>
        </aside>
        <!-- left -->

        <section class="vbox">
          <section class="scrollable padder">
            <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
              <li>
                <i class="fa fa-home"></i>首页
              </li>
              <li>余额管理</li>
            </ul>
            <section class="panel panel-default">
              <header class="panel-heading bg-light">
                <form class="form-inline queryForm gcForm">
                  <div class="form-group">
                    <label for="orderSearchAll"> 交易单号或昵称、账号：</label>
                    <input type="text" class="form-control m-r-md" id="orderSearchAll">
                  </div>
                  <button type="submit" class="btn btn-success m-l-md">查询</button>
                  <span class="btn btn-sm btn-rounded btn-info pull-right" data-id="0"
                    data-type="2" data-api="salers?outer=saledetail&tp=add"
                    data-outwidth="800px"> 导出为excel</span>
                </form>
              </header>
              <div class="panel-body">
                <div data-gctable>
                  <div>
                    <table>
                      <thead>
                        <tr>
                          <th width="10%">用户头像</th>
                          <th width="12%">用户昵称</th>
                          <th width="20%">用户账号</th>
                          <th width="12%">余额</th>
                          <th width="15%">记录</th>
                          <th>操作</th>
                        </tr>
                      </thead>
                    </table>
                  </div>
                  <div class="gcBody">
                    <table>
                      <tbody class="gcData">
                        <tr class="bg-white" data-id="">
                          <td width="10%">
                            <img src="images/app.png" onclick="imgMagnify($(this).attr('src'))">
                          </td>
                          <td width="12%">大风刮过电饭锅</td>
                          <td width="20%">1555111111</td>
                          <td width="12%">2017-02-02 10:30</td>
                          <td width="15%">
                            <button type="button" data-id="111" data-type="2" data-api="balanceDetailed.html?outer=balancedetail&tp=check"
                              data-outwidth="800px" class="btn btn-sm btn-primary"
                              data-modal="bagCollectedDetail" data-json='{"userId":111}'>查看账单记录</button>
                          </td>
                          <td>
                            <button type="button" data-id="111" data-type="2" data-api="walletBalanceAdd.do?outer=credit&tp=add"
                              data-outwidth="400px" class="btn btn-sm btn-danger">充值</button>
                          </td>
                        </tr>
                        <!-- 无数据时 -->
                        <tr class="bg-white">
                          <td colspan="7">暂无数据</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                  <p class="gcPage">
                    #set ($formName = "salesForm") #parse('/html/page.html')
                  </p>
                </div>
              </div>
            </section>
          </section>
        </section>
      </section>
    </section>
  </section>

  <!--充值-->
  <div class="credit panel-body">
    <form class="form-horizontal" style="overflow: hidden;">
      <div class="form-group">
        <label for="funds" class="col-sm-3 control-label necessary_front">充值金额</label>
        <div class="col-sm-8">
          <input type="hidden" name="userId" value="">
          <input type="text" data-parsley-type="number" min="0.01" id="funds"
            name="funds" class="form-control" data-parsley-required
            data-parsley-trigger="change" placeholder="涉及金额，务必联系财务确认"
          />
        </div>
      </div>
    </form>
  </div>

  <script src="js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="js/bootstrap.js"></script>
  <!-- App -->
  <script src="js/app.js"></script>
  <!--引入layer-->
  <script src="plugins/layer/layer.js"></script>
  <script src="plugins/parsleyjs/parsley.min.js"></script>
  <script src="plugins/parsleyjs/i18n/zh_cn.js"></script>
  <script src="plugins/laydate/laydate.js"></script>

  <script src="templates/index.js"></script>
  <script src="plugins/common.js"></script>
  <script>
    $(function () {
      // 查询日期设置
      // setDateRange();
    });
  </script>
</body>

</html>